// สร้าง array สำหรับเก็บสินค้าที่อยู่ในตะกร้า
let cart = JSON.parse(localStorage.getItem('cart')) || [];

function addToCart(name, price) {
    const existingProduct = cart.find(product => product.name === name);
    
    if (existingProduct) {
        existingProduct.quantity += 1;
    } else {
        const product = { name, price, quantity: 1 };
        cart.push(product);
    }
    
    localStorage.setItem('cart', JSON.stringify(cart));

    // ตรวจสอบว่ากำลังอยู่ในหน้าสินค้าหรือไม่
    if (window.location.pathname.includes('product')) {
        showAddToCartMessage(); // แสดงข้อความเฉพาะหน้าสินค้า
    }

    renderCart(); // แสดงผลตะกร้า
}


function renderCart() {
    const cartItemsElement = document.getElementById('cartItems');
    cartItemsElement.innerHTML = ''; // ล้างรายการเก่าออก

    if (cart.length === 0) {
        cartItemsElement.innerHTML = '<li>Your cart is empty.</li>';
    } else {
        let total = 0;
        cart.forEach((product, index) => {
            const li = document.createElement('li');
            li.classList.add('cart-item');

            const cartItemInfo = document.createElement('div');
            cartItemInfo.classList.add('cart-item-info');
            cartItemInfo.innerHTML = `<span>${product.name} - ฿${product.price}</span>`;

            // ปุ่มบวก/ลบ และแสดงจำนวนสินค้า
            const quantityControls = document.createElement('div');
            quantityControls.classList.add('quantity-controls');
            quantityControls.innerHTML = `
                <button onclick="removeFromCart(${index})">-</button>
                <span class="quantity">${product.quantity}</span> <!-- แสดงจำนวนที่ถูกต้อง -->
                <button onclick="addToCart('${product.name}', ${product.price})">+</button>
            `;

            li.appendChild(cartItemInfo);
            li.appendChild(quantityControls);

            cartItemsElement.appendChild(li);
            total += product.price * product.quantity; // คำนวณราคาตามจำนวนสินค้า
        });

        // แสดงยอดรวม
        const totalLi = document.createElement('li');
        totalLi.textContent = `Total: ฿${total}`;
        cartItemsElement.appendChild(totalLi);
    }
}

function removeFromCart(index) {
    if (cart[index].quantity > 1) {
        cart[index].quantity -= 1; // ลดจำนวนสินค้า
    } else {
        cart.splice(index, 1); // ถ้าจำนวนเหลือ 0 ให้ลบออกจากตะกร้า
    }
    
    localStorage.setItem('cart', JSON.stringify(cart)); // อัปเดตตะกร้าใน localStorage
    renderCart(); // อัปเดตตะกร้าหลังลบสินค้า
}

    function showAddToCartMessage() {
        const messageElement = document.getElementById('addToCartMessage');
        messageElement.style.display = 'block'; // แสดงข้อความ
        
        // ซ่อนข้อความหลังจาก 2 วินาที
        setTimeout(() => {
            messageElement.style.display = 'none';
        }, 1500);
    }
    
    function showAddToCartMessage() {
        const messageElement = document.getElementById('addToCartMessage');
        
        if (messageElement) {
            messageElement.style.display = 'block';
            setTimeout(() => {
                messageElement.style.display = 'none';
            }, 2500); // ซ่อนข้อความหลังจาก 3 วินาที
        }
    }
    // ส่วนนี้จะทำให้ข้อความแสดงเฉพาะในหน้าสินค้า
document.addEventListener('DOMContentLoaded', () => {
    if (window.location.pathname.includes('product')) {
        const messageElement = document.createElement('div');
        messageElement.id = 'addToCartMessage';
        messageElement.style.display = 'none';
        messageElement.style.position = 'fixed';
        messageElement.style.bottom = '20px';
        messageElement.style.left = '50%';
        messageElement.style.transform = 'translateX(-50%)';
        messageElement.style.backgroundColor = '#28a745';
        messageElement.style.color = '#fff';
        messageElement.style.padding = '10px';
        messageElement.style.borderRadius = '5px';
        messageElement.textContent = 'สินค้าได้ถูกเพิ่มลงในตะกร้าแล้ว!';

        document.body.appendChild(messageElement);
    }
    document.getElementById('checkoutBtn').addEventListener('click', function() {
        const form = document.getElementById('checkoutForm');
        if (form.classList.contains('hidden')) {
            form.classList.remove('hidden');
        } else {
            form.classList.add('hidden');
        }
    });
});
 

function submitOrder() {
    const paymentMethod = document.querySelector('input[name="paymentMethod"]:checked').value;
    const name = document.getElementById('name').value;
    const address = document.getElementById('address').value;
    const phone = document.getElementById('phone').value;
    
    if (!name || !address || !phone) {
        alert('กรุณากรอกข้อมูลที่อยู่ให้ครบถ้วน');
        return;
    }

    // เก็บข้อมูลลงใน localStorage หรือส่งข้อมูลไปยังเซิร์ฟเวอร์
    const orderDetails = {
        paymentMethod,
        customerInfo: {
            name,
            address,
            phone
        }
    };
    
    localStorage.setItem('order', JSON.stringify(orderDetails));
    showSuccessModal();
}

function showSuccessModal() {
    const successModal = document.getElementById('successModal');
    successModal.style.display = 'block';
    
    setTimeout(() => {
        successModal.style.display = 'none';
        window.location.href = 'thankyou.html'; // เปลี่ยนเส้นทางไปยังหน้าขอบคุณ
    }, 3000);
}

    document.addEventListener('DOMContentLoaded', () => {
        renderCart();
        document.getElementById('checkoutButton').addEventListener('click', checkout);
    });
// ฟังก์ชันจัดการหมวดหมู่สินค้า
function showCategory(categoryId) {
    const sections = document.querySelectorAll('.products');
    sections.forEach(section => {
        if (section.id === categoryId) {
            section.style.display = 'block';
        } else {
            section.style.display = 'none';
        }
    });
}

// การจัดการตะกร้า
document.addEventListener('DOMContentLoaded', () => {
    const cartModal = document.getElementById('cartModal');
    const cartButton = document.querySelector('nav ul li a[href="#cart"]');
    const closeButtons = document.querySelectorAll('.close');

    // การจัดการการแสดงหมวดหมู่
    const categories = document.querySelectorAll('.categories ul li a');
    
    categories.forEach(category => {
        category.addEventListener('click', (event) => {
            event.preventDefault();
            const categoryId = event.target.getAttribute('data-category');
            showCategory(categoryId);
        });
    });

    // Show the first category by default
    showCategory('category1');

    // การจัดการการเปิดและปิดโมดัลตะกร้า
    cartButton.addEventListener('click', (e) => {
        e.preventDefault();
        cartModal.style.display = 'block';
        renderCart(); // อัปเดตตะกร้าทุกครั้งที่เปิดโมดัล
    });

    closeButtons.forEach(button => {
        button.addEventListener('click', () => {
            cartModal.style.display = 'none';
        });
    });

    window.addEventListener('click', (event) => {
        if (event.target === cartModal) {
            cartModal.style.display = 'none';
        }
    });

    
});
document.addEventListener('DOMContentLoaded', () => {
    const checkoutBtn = document.getElementById('checkoutBtn');
    const checkoutPopup = document.getElementById('checkoutPopup');
    const closeBtn = document.querySelector('.closeBtn');

    // เปิดป๊อปอัพเมื่อกดปุ่ม Checkout
    checkoutBtn.addEventListener('click', function() {
        checkoutPopup.classList.remove('hidden');
    });

    // ปิดป๊อปอัพเมื่อกดปุ่ม X
    closeBtn.addEventListener('click', function() {
        checkoutPopup.classList.add('hidden');
    });

    // ปิดป๊อปอัพเมื่อคลิกนอกกรอบฟอร์ม
    window.addEventListener('click', function(event) {
        if (event.target == checkoutPopup) {
            checkoutPopup.classList.add('hidden');
        }
    });

    // ยืนยันการสั่งซื้อ
    function submitOrder() {
        const selectedPayment = document.querySelector('input[name="payment"]:checked').value;
        if (selectedPayment === 'cod') {
            alert('คุณเลือกชำระเงินปลายทาง');
        } else if (selectedPayment === 'bank') {
            alert('คุณเลือกชำระเงินผ่านธนาคาร (ปิดปรับปรุงอยู่)');
        }
    }
});


document.getElementById('checkoutBtn').addEventListener('click', function() {
    const form = document.getElementById('checkoutForm');

    console.log('Checkout button clicked'); // ตรวจสอบว่าปุ่มถูกคลิกแล้วจริงหรือไม่

    if (form.classList.contains('hidden')) {
        form.classList.remove('hidden'); // แสดงฟอร์มเมื่อกดปุ่ม
        console.log('Form is now visible');
    } else {
        form.classList.add('hidden'); // ซ่อนฟอร์มถ้ากดซ้ำ
        console.log('Form is now hidden');
    }
});




